<!-- 逻辑 -->
<script setup lang="ts">
// 布尔值
const male = false
// 函数
const getInfo = () => {
  return '感觉自己萌萌哒'
}
// 对象 对象内部有函数
const dog = {
  name: '旺财',
  color: '黄色',
  bark() {
    return '汪汪'
  }
}
</script>

<!-- 结构 -->
<template>
    <!-- {{  }} 插值表达式, 里面可以用表达式 -->
    <h2>{{ male ? '男孩子' : '女孩子' }}</h2>
    <!-- 调用函数获取返回值 -->
    <h2>{{ getInfo() }}</h2>
    <h2>{{ dog.bark() }}</h2>
    <!-- if, switch, while等, 这些属于语句, 不能在{{  }}中使用 -->
    <!-- <h2>{{ if(male) { '女孩子' } }}</h2> -->
</template>

<!-- 样式 -->
<style scoped>

</style>
